<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>森林火情监控系统</title>
    <!-- Favicon -->

    <!-- Latest Bootstrap min CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <!-- venobox CSS -->
    <link rel="stylesheet" href="static/css/venobox.css" media="all">
    <!-- Theme Default CSS -->
    <link rel="stylesheet" href="static/css/theme-default.css">
    <!-- animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">
    <!-- meanmenu min CSS -->
    <link rel="stylesheet" href="static/css/meanmenu.min.css">
    <!-- font-awesome CSS -->
    <link rel="stylesheet" href="static/css/all.min.css">
    <!-- main style CSS-->
    <link rel="stylesheet" href="static/css/style.css">
    <!-- bootstrap icons CSS -->
    <link rel="stylesheet" href="static/css/bootstrap-icons.css">
    <!-- owl-carousel CSS -->
    <link rel="stylesheet" href="static/css/owl.carousel.min.css" media="all">
    <!-- owl theme-default CSS -->
    <link rel="stylesheet" href="static/css/owl.theme.default.min.css" type="text/css" media="all">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="static/css/responsive.css">
    <!-- modernizr js -->
    <script src="static/js/modernizr-3.5.0.min.js"></script>
</head>
<body>

<!---==================== Header Section Area Start ===================-->

<div class="header-area">
    <div class="header-sticky">
        <div class="container">
            <div class="row d-flex align-items-center">
                <div class="col-lg-2 col-md-2">
                    <div class="header-logo">
                        <a class="logo-img" href="Fire-Monitor.html"><img src="static/picture/logo1.png" alt=""></a>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="header-main-menu">
                        <ul>
                            <li><a href="Fire-Monitor.html">Home</a></li>
                            <li><a href="Background.html">项目背景</a></li>
                            <li><a href="Innovation.html">创新优势</a></li>
                            <li><a href="Application.html">实机操作</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!---==================== ======================================== ===================-->

<div class="banner-section-area d-flex align-items-center">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-6" >
                <div class="banner-content" >
                    <span><a style="color: red;font-size: 25px"><strong>基于yolov5 & 注意力并行机制</strong></a></span>
                    <h1>森林火情监控系统</h1>
                    <p>采用基于双光照估计的曝光校正对野外获取的图像进行处理，
                        同时结合基于注意力并行机制的U-NET算法，实现对野外多种场景图像
                        的高效准确识别，及时发现火情，发出警报

                    </p>
                    <div class="banner-btn">
                        <a href="Background.html">了解更多<i class="bi bi-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6">
                <div class="banner-img">
                    <img src="static/picture/R-C-1.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="banner-shape-one">
            <span> <strong>方便易操作</strong>
            界面简介 清晰明了</span>
    </div>
    <div class="banner-shape-three">
        <span><a style="color: red;font-size:30px"><strong>高效检测</strong></a>
            <br> 快速捕获 迅速识别”</span>
    </div>
    <div class="banner-shape-two">
        <span><a style="color: red;font-size:30px"><strong>精准识别</strong></a>
            <br> 准确判断 高效反馈</span>
    </div>
</div>


    <!---==================== scroll top Section Area Start ===================-->
    <div class="scroll-area">
        <div class="top-wrap">
            <div class="go-top-btn-wraper">
                <div class="go-top go-top-button active">
                    <i class="fas fa-arrow-up"></i>
                    <i class="fas fa-arrow-up"></i>
                </div>
            </div>
        </div>
    </div>
<!-- ==================== JS======================== -->
    <!-- jquery js -->
    <script src="static/js/jquery-3.2.1.min.js"></script>
    <!-- bootstrap js -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- wow js When You Scroll -->
    <script src="static/js/wow.js"></script>
    <!-- counterup js When You Scroll -->
    <script src="static/js/jquery.counterup.min.js"></script>
    <!-- venobox js -->
    <script src="static/js/venobox.js"></script>
    <!-- venobox min js -->
    <script src="static/js/venobox.min.js"></script>
    <!-- Mobile Menu js -->
    <script src="static/js/jquery.meanmenu.js"></script>
    <!-- owl-carousel js -->
    <script src="static/js/owl.carousel.min.js"></script>
    <!-- jquery scrollup js -->
    <script src="static/js/jquery.scrollUp.js"></script>
    <!-- custom js -->
    <script src="static/js/theme.js"></script>

</body>
</html>